import { CloseOutlined } from "@ant-design/icons";
import DarkCard from "../../../../../../../common/DarkCard";
import { Descriptions,Button } from "antd";
import useBusinessMap from "../../../../../../../common/BusinessMap/useBusinessMap";
import { useContext } from "react";
import GlobalContext from "../../../../../../../../utils/GlobalContext";
import {useState,useEffect} from 'react'

export default function Yqybfx(props){
    const [datailItem,setDetailItem]=useState();
    const map=useBusinessMap();
    const {detailTemplate}=useContext(GlobalContext);
  

    return <DarkCard style={{
        position:'absolute',
        right:'68px',
        width:300,
        top:20,
        bottom:20,
        pointerEvents:'auto',
        borderRadius:8
    }} className='layout-v'>
        <div style={{
            fontSize:20,
            fontWeight:'bold',
            borderBottom:'1px solid #eee',
            paddingBottom:12,
            marginBottom:12
        }} className="layout-h center">
            <div className="fill w0">详情</div>
            <div>
                <Button size='small' icon={<CloseOutlined />}  />
            </div>
        </div>
        <Descriptions column={1} bordered size='small' className="fill h0" style={{
            overflow:'auto'
        }}>
            
        </Descriptions>

    </DarkCard>
    
}